<template>
    <div id="app">
        <router-view v-if="isAlive"></router-view>
    </div>
</template>

<script>
export default {
    provide() {
        return {
            reload: this.reload
        }
    },
    name: 'App',
    data() {
        return {
            isAlive: true
        }
    },
    methods: {
        reload() {
            this.isAlive = false;
            this.$nextTick(function () {
                this.isAlive = true;
            });
        }
    },
}
</script>
<style>
html, body,
#app {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden !important;
}

.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

.el-drawer__body {
    overflow-x: hidden !important;
}

.el-select {
    width: 100%;
}

.fa {
    margin-right: 5px;
    font-size: 16px !important;
}
</style>
